<div class="date-picker animate-fade" ng-show="datePicker.isShowed" ng-controller="DatePickerCtrl">
    <div class="date-picker-head">
        <div class="date-picker-prev" ng-click="datePicker.onPrev()">«</div>
        <div class="date-picker-current" ng-click="datePicker.onCurrent()"></div>
        <div class="date-picker-master" ng-click="datePicker.onMaster()">{{datePicker.masterText}}</div>
        <div class="date-picker-next" ng-click="datePicker.onNext()">»</div>
    </div>
    <div class="date-picker-wrapper" ng-switch on="datePicker.mode">
        <div class="date-picker-list animate-slide fast"
             ng-class="datePicker.animate"
             ng-switch-when="after">
            <div ng-repeat="item in datePicker.calendar"
                 class="date-picker-item {{item.type}} {{item.hidden?'hidden':''}}"
                 ng-click="datePicker.onItemClick(item)">{{item.text}}</div>
        </div>
        <div class="date-picker-list animate-slide fast"
             ng-class="datePicker.animate"
             ng-switch-when="before">
            <div ng-repeat="item in datePicker.calendar"
                 class="date-picker-item {{item.type}} {{item.hidden?'hidden':''}}"
                 ng-click="datePicker.onItemClick(item)">{{item.text}}</div>
        </div>
    </div>
</div>